<%@ page   pageEncoding="UTF-8"  contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<title>Grid-MHZG.NET</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/TryTry/extjs4/resources/css/ext-all.css" />
<script type="text/javascript" src="/TryTry/extjs4/bootstrap.js"></script>
<script type="text/javascript" src="/TryTry/extjs4/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript"> 

Ext.onReady(function(){
           //定义ComboBox模型  
           	Ext.create('Ext.data.Store', {
	storeId : 'searchkeystore',
			model : 'searchkeymodel',
			fields : [ 'cname', 'searchvalue' ],
			proxy : {
				type : "memory",
				data : [ {
					cname : "标题",
					searchvalue : "title"
				}, {
					cname : "作者",
					searchvalue : "author"
				}, {
					cname : "正文",
					searchvalue : "content"
				} ]
			},
			autoLoad : true
		});

		Ext.define('searchkeymodel', {
			extend : 'Ext.data.Model',
			fields : [ {
				name : 'cname',
				type : 'string'
			},{
				name : 'searchvalue',
				type : 'string'
			} ]
		});
		
           
  var searchcombo= Ext.create('Ext.form.ComboBox', {
    fieldLabel: '搜索',
    emptyText:'请选择...',
    store : Ext.data.StoreManager.lookup('searchkeystore'),
    queryMode: 'local',
    displayField: 'cname',
    valueField: 'searchvalue',
});
    

		var store = Ext.create('Ext.data.Store', {
			storeId : 'simpsonsStore',
			fields : [ 'title', 'summary', 'remarks', 'href', 'author',
					'mediaType', 'sentimentType', 'replyCount', 'viewCount',
					'channel', 'wordsNum', 'pubTime', 'insertTime', 'source',
					'lastModifier' ],
			pageSize : 20,
			proxy : {
				type : 'ajax',
				url : "user/ulist.htm",
				actionMethods : {
					read : 'post'
				},
				reader : {
					type : 'json',
					root : 'data'
				},
			},
			autoLoad : true
		});
		store.on('beforeload', function(store, options) {
			var new_params = {
				'keywords' : search.value
			};
			Ext.apply(store.proxy.extraParams, new_params);
		});

		var search = Ext.create('Ext.form.TextField', {
			name : 'keywords',
			width : 300,
			fieldLabel : '关键词',
		});
		var searchbtn = Ext.create('Ext.Button', {
			text : '查询',
			handler : function() {
				store = store.load();
			}
		});
		var grid = Ext.create('Ext.grid.Panel', {
			title : '话题列表',
			store : Ext.data.StoreManager.lookup('simpsonsStore'),
			tbar : [ searchcombo,search, searchbtn ],
			columns : [ {
				header : '标题',
				dataIndex : 'title'
			}, {
				header : '摘要',
				dataIndex : 'summary'
			}, {
				header : '备注',
				dataIndex : 'remarks'
			}, {
				header : '链接',
				dataIndex : 'href'
			}, {
				header : '作者',
				dataIndex : 'author'
			}, {
				header : '媒体类型',
				dataIndex : 'mediaType'
			}, {
				header : '情感分类',
				dataIndex : 'sentimentType'
			}, {
				header : '回复数',
				dataIndex : 'replyCount'
			}, {
				header : '浏览数',
				dataIndex : 'viewCount'
			}, {
				header : '频道',
				dataIndex : 'channel'
			}, {
				header : '字数',
				dataIndex : 'wordsNum'
			}, {
				header : '发布时间',
				dataIndex : 'pubTime'
			}, {
				header : '写入时间',
				dataIndex : 'insertTime'
			}, {
				header : '来源',
				dataIndex : 'source'
			}, {
				header : '最后修正人',
				dataIndex : 'lastModifier'
			}, ],
			height : 600,
			width : 1366,

			// bbar: [
			//{ xtype: 'button', text: '刷新',handler:function(){store.load({ params: { start: 0, limit: 5} });} },
			//],
			bbar : Ext.create("Ext.toolbar.Paging", {
				store : store,
				displayInfo : true,
			}),
			renderTo : "demo",
			viewConfig : {
				stripeRows : true
			}

		});
	});
</script>
</head>
<!-- <h2>Welcome to my SpringMVC demo page</h2>
<c:forEach items="${users}" var="user">
	<c:out value="${user.userName}"/><br/>
	<c:out value="${user.userPwd}"/><br/>
	<c:out value="${user.userId}"/><br/>
</c:forEach>-->
<body>
<div id="demo" style="margin:0 auto;position:absolute"></div>
<table><tr><td><c:forEach items="${modelMap.userList }" var="str" begin="0" end="1">
${str.userName}
</c:forEach></td></tr></table>
</body>
<!--
以下是，处理对"/userlist.htm"的请求的整个工作步骤
1、DispatcherServlet接受对"/userlist.htm"样式的URL请求
2、DispatcherServlet询问BeanNameUrlHandlerMapping
  询问Bean的名字是"/userlist.htm"的控制器，并且找到了UserController的Bean
3、DispatcherServlet分发给UserController来处理这个请求
4、UserController返回一个ModelAndView对象，它带有一个逻辑视图名"userlist"，以及保存在"users"属性中的值
5、DispatcherServlet询问它的视图解析器(配置为InternalResourceViewResolver)
  查找逻辑名为userlist的视图，InternalResourceViewResolver返回/WEB-INF/jsp/userlist.jsp路径
6、DispatcherServlet将请求导向/WEB-INF/jsp/userlist.jsp页面
-->
</html>